﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Areas/CustomerAdmin/Customer.Master" CodeBehind="ViewLaw.aspx.cs" Inherits="OnlineBusinesses.Areas.CustomerAdmin.Law.ViewLaw" %>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="ContentCustomerAdmin">
                    <div class="col-md-12" style="padding:10px;">
                        <div class="col-md-12" style="padding:0px;">
                            <h3 style="font-weight:bold;">
                                Quản lý cao cấp
                            </h3>
                        </div>
                        <div class="col-md-12" style="padding:0px;">
                            <h5 style="font-weight:bold;">
                                Diễn giải cho từng nhóm phân quyền.
                            </h5>
                        </div>
                        <div class="col-md-12" style="padding:10px 0px;">
                            <span class="pull-left btn btn-default" style="border-radius:0px;background:#fdfdfd;">
                                <a href="ChooseUsers.aspx" style="color:#333;text-decoration:none;">Chỉ định người dùng</a>
                            </span>
                        </div>
                        <div class="col-md-12" style="padding:0px;">
                            <ul class="nav nav-tabs" role="tablist">
                              <li class="active"><a href="#clause_user" role="tab" data-toggle="tab">Thành viên</a></li>
                              <li><a href="#clause_role" role="tab" data-toggle="tab">Đặc quyền</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-12" style="padding:10px;">
                        <div class="tab-content">
                          <div class="tab-pane active" id="clause_user" style="font-weight:normal;border-left:1px solid #ddd;">
                                <div class="table-responsive col-md-12 col-xs-12">
                                    <table class="table-bordered table-striped table">
                                        <thead>
                                            <tr>
                                                <th style="width:70px;">Avatar</th>
                                                <th>Họ Tên</th>
                                                <th>Chức vụ</th>
                                                <th>Email</th>
                                                <th>Ngày tham gia</th>
                                                <th>Số điện thoại</th>
                                                <th style="width:100px;">Tùy chỉnh</th>
                                            </tr>
                                        </thead>
                                        <!-- Trưởng nhóm sử dụng như 1 radio-->
                                        <tbody>
                                            <tr>
                                                <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c6.0.160.160/p160x160/10450596_545002008956679_2387905694320684413_n.jpg" /></td>
                                                <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                                                <td style="vertical-align:middle;">Chuyên viên Design</td>
                                                <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                                                <td style="vertical-align:middle;">01/08/2014</td>
                                                <td style="vertical-align:middle;">0934059899</td>
                                                <td style="vertical-align:middle;text-align:center;">
                                                    <span class="btn btn-default" style="border-radius:0px;" data-toggle="tooltip" data-placement="bottom" title="Người dùng rời nhóm" ><i class="fa fa-sign-out"></i></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/256/User-blue-icon.png" /></td>
                                                <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                                                <td style="vertical-align:middle;">Chuyên viên Design</td>
                                                <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                                                <td style="vertical-align:middle;">01/08/2014</td>
                                                <td style="vertical-align:middle;">0934059899</td>
                                                <td style="vertical-align:middle;text-align:center;">
                                                    <span class="btn btn-default" style="border-radius:0px;" data-toggle="tooltip" data-placement="bottom" title="Người dùng rời nhóm" ><i class="fa fa-sign-out"></i></span>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/256/User-blue-icon.png" /></td>
                                                <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                                                <td style="vertical-align:middle;">Chuyên viên Design</td>
                                                <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                                                <td style="vertical-align:middle;">01/08/2014</td>
                                                <td style="vertical-align:middle;">0934059899</td>
                                                <td style="vertical-align:middle;text-align:center;">
                                                    <span class="btn btn-default" style="border-radius:0px;" data-toggle="tooltip" data-placement="bottom" title="Người dùng rời nhóm" ><i class="fa fa-sign-out"></i></span>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                          </div>
                          <div class="tab-pane" id="clause_role" style="font-weight:normal;">
                                <div id='content' class="col-md-12 col-xs-12" style="padding:15px;">
                                    <script type="text/javascript">
                                        jQuery(function ($) {
                                            var source = [
                                                "MailBox",
                                                "Broadcast",
                                                "Autoresponder",
                                                "Customer",
                                                "Khuyến mãi",
                                                "kho",
                                                "Website doanh nghiệp",
                                                "Web template",
                                                "Affiliate",
                                                "Báo cáo thống kê",
                                                "Phân quyền quản lý",
                                                "Cấu hình hệ thống",
                                                "Quản lý người dùng",
                                                "Quản lý phòng ban",
                                                "Quản lý nhóm email",
                                                "Nâng cấp gia hạn"
                                            ];
                                            // Create a jqxListBox
                                            $("#jqxWidget").jqxListBox({ selectedIndex: 3, checkboxes: true, source: source, height: 440,width:500 });
                                        });
                                    </script>
                                    <div id='jqxWidget' class="col-md-12 col-xs-12" style="border-radius:0px;padding:10px;">
                                    </div>
                                </div>
                          </div>
                        </div>  
                    </div>
    
</asp:Content>